/* 边距*/
@for $i from 1 through 4
{
  .w#{25*$i}{width: (25%*$i);}
  .box#{$i}{flex: $i;}
  .bor-r#{5*$i}{border-radius: .05rem*$i;}
  
  .padding-#{5*$i}{padding:.05rem*$i;}
  .padding-l#{5*$i}{padding-left:.05rem*$i;}
  .padding-r#{5*$i}{padding-right:.05rem*$i;}
  .padding-t#{5*$i}{padding-top:.05rem*$i;}
  .padding-b#{5*$i}{padding-bottom:.05rem*$i;}
  .padding-lr#{5*$i}{padding:0 .05rem*$i;}
  .padding-tb#{5*$i}{padding:.05rem*$i 0;}

  .margin-#{5*$i}{margin:.05rem*$i;}
  .margin-l#{5*$i}{margin-left:.05rem*$i;}
  .margin-r#{5*$i}{margin-right:.05rem*$i;}
  .margin-t#{5*$i}{margin-top:.05rem*$i;}
  .margin-b#{5*$i}{margin-bottom:.05rem*$i;}
  .margin-lr#{5*$i}{margin:0 .05rem*$i;}
  .margin-tb#{5*$i}{margin:.05rem*$i 0;}
}
/* 字体 10-28*/
@for $i from 1 through 10{
  .font-#{8+$i*2}{font-size:.08+$i*.02rem !important;}
}
